// 个人信息页
<template>
  <div>
    <p>123</p>
    <div id="container"></div>
  </div>
</template>

<script>
export default {
  mounted () {
    //创建地图实例
    var map = new BMapGL.Map("container");
    // 设置中心点坐标
    var point = new BMapGL.Point(116.404, 39.915);
    map.centerAndZoom(point, 15);
    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
    // map.setHeading(64.5);   //设置地图旋转角度
    // map.setTilt(73);       //设置地图的倾斜角度

    // 禁止地图旋转和倾斜可以通过配置项进行设置
    // var map = new BMapGL.Map("allmap", {
    //   enableRotate: false,
    //   enableTilt: false
    // });
    var scaleCtrl = new BMapGL.ScaleControl();  // 添加比例尺控件
    map.addControl(scaleCtrl);
    var zoomCtrl = new BMapGL.ZoomControl();  // 添加缩放控件
    map.addControl(zoomCtrl);
    var cityCtrl = new BMapGL.CityListControl();  // 添加城市列表控件
    map.addControl(cityCtrl);
  }
}
</script>

<style>
#container {
  width: 100%;
  height: 600px;
  border: 2px solid saddlebrown;
}
</style>